<!doctype html>
<html lang="pt-br">
<head>
    <title>Pastor Pedro Araujo | CIADSETA</title>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="image/favicon.ico">
	<link href="style.css" rel="stylesheet" type="text/css" media="all">
<!-- Internet Explorer HTML5 enabling script: -->
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<style type="text/css">

			.clear {
				zoom: 1;
				display: block;
			}

		</style>
	<![endif]-->
	<link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
	<script src="js/jquery-1.6.3.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.animate-colors-min.js"></script>
	<script src="js/jquery.skitter.min.js"></script>
<!-- Init Plugin -->
<script>
	$(document).ready(function() {
		$(".box_skitter_large").skitter({
			numbers_align: "center", 
			animation: 'showBarsRandom',
		    velocity: 				1,
		    interval: 				5000, 
			animateNumberOut: 		{backgroundColor:'#333', color:'#fff'},
		    animateNumberOver: 		{backgroundColor:'#CCC', color:'#000'},
		    animateNumberActive: 	{backgroundColor:'#069', color:'#fff'},
			label:false,
			hideTools: true,
			numbers: false,
			dots: true,
			controls: false,
			navigation:	false,
 			progressbar: false, 
			enable_navigation_keys:	true,
 			progressbar_css: { 
				top:'0px', 
				left:'0px', 
				height:2, 
				borderRadius:'2px', 
				width:620, 
				backgroundColor:'#333', 
				opacity:.5 
			}, 
		});
	});
</script>
</head>
<body>
      <header>
      	<figure><img src="admin/imgs/logo.jpg" /></figure> 
        <figure><h1 id="titulo-principal">Pastor Pedro Araújo</h1></figure>
	  </header>
	  <div class="nav-total">
	      <nav>
		      <ul>
			      <li><a href="#">Início</a></li>
			      <li><a href="#artigo1">Produto</a></li>
				  <li><a href="#artigo2">Sobre</a></li>
				  <li><a href="#artigo3">Serviços</a></li>
				  <li><a href="#artigo4">Localização</a></li>
				  <li><a href="#artigo5">Contato</a></li>
			  </ul>
			  <div class="clear"></div> 
	      </nav>
	  </div>
      <section id="pagina-total">
	      <div id="box-slide">
          <section id="slide">
		      <section id="slide-centro">
			        <div class="box_skitter box_skitter_large">
				        <ul>
					    <li><a href="#"><img src="img/slide-1.jpg" class="cube" /></a></li>
					    <li><a href="#"><img src="img/slide-2.jpg" class="block" /></a></li>
                        <li><a href="#"><img src="img/pastor-pedro.jpg" class="block" /></a></li>
						</ul>	
				     </div>
		      </section>
		  </section>
		  </div>
		      <div class="borda">
		      <article id="artigo1">
			  <div class="fundo-linha">
		      <div class="artigos">
				      <h2>PRODUTO</h2>
			          <figure>
				      <img src="img/figure-1.jpg">
				      </figure>
                      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
                      laoreet dolore magna aliquam erat volutpat.
				      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.</p>
                      <br/>
				      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore 
                      magna aliquam erat volutpat. 
				      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.</p>
                      <br/>
					  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore 
                      magna aliquam erat volutpat.
				      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.</p>
                      <br/>
				      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore 
                      magn volutpat. Ut wisi enim ad minim veniam</p>
			  </div>
			  </div>
			  </article>
		      </div>
			  
		      <div class="borda">
		      <article id="artigo2">
			  <div class="fundo-linha">
		      <div class="artigos">
				      <h2>SOBRE</h2>
			          <figure>
				          <img src="img/figure-1.jpg">
				      </figure>
                      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
				      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.</p><br/>
				      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
				      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.</p><br/>
					   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
				      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.</p><br/>
				      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magn volutpat. Ut wisi enim ad minim veniam</p>
			  </div>
			  </div>
			  </article>
		      </div>
			  
		      <div class="borda">
		      <article id="artigo3">
			  <div class="fundo-linha">
		      <div class="artigos">
				      <h2>SERVIÇOS</h2>
                      <figure>
				          <img src="img/figure-1.jpg">
				      </figure>
				      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
				      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.</p><br/>
				      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
				      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.</p><br/>
					   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
				      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.</p><br/>
				      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magn volutpat. Ut wisi enim ad minim veniam</p>
			  </div>
			  </div>
			  </article>
		      </div>
			  
		      <div class="borda">
		      <article id="artigo4">
			  <div class="fundo-linha">
		      <div class="artigos">
				      <h2>LOCALIZAÇÃO</h2>
					  <iframe class="mapa" src="http://www.map-generator.org/b73d9dfc-4606-4108-b1fd-342c984909c7/iframe-map.aspx" scrolling="no" height="400px" width="300px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><br>
				      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
				      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.</p>
				      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
				      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.</p>
				      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magn volutpat. Ut wisi enim ad minim veniam</p>
			  </div>
			  </div>
			  </article>
		      </div>
			  
		      <div class="borda">
		      <article id="artigo5">
			  <div class="fundo-linha">
		      <div class="artigos">
				      <h2>CONTATO</h2>
					  <div id="contato">
                          <ul class="redes"> 
                              <li><a class='titulo' target="_blank" title="Twitter" href="https://www.twitter.com/emstudioweb">t</a></li>
				              <li><a class='titulo' target="_blank" title="Twitter" href="https://www.twitter.com/emstudioweb">y</a></li>
			                  <li><a class='titulo' target="_blank" title="Facebook" href="http://www.facebook.com/emstudioweb">f</a></li>
			                  <li><a class='titulo' title="Google+" rel="publisher" href="https://plus.google.com/103089450570379586868">g</a></li>
				              <li><a class='titulo' target="_blank" title="Twitter" href="https://www.twitter.com/emstudioweb">r</a></li>
			              </ul>
				      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
				      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.</p>
					  </div>
		              <form class="form">  
                          <p class="name">  
                              <input type="text" name="name" id="name" />  
                              <label for="name">Nome</label>  
                          </p>  
                          <p class="email">  
                              <input type="text" name="email" id="email" />  
                              <label for="email">E-mail</label>  
                          </p>  
                          <p class="web">  
                              <input type="text" name="web" id="web" />  
                              <label for="web">Website</label>  
                          </p>  
                          <p class="text">  
                             <textarea name="text"></textarea>  
                          </p>  
                          <p class="submit">  
                          <input type="submit" value="Send" />  
                          </p>  
                     </form>  
			  </div>
			  </div>
			  </article>
		      </div>
      </section>
	  <div id="rodape-total">
      <footer>
         <script src="js/jquery.scrollTo-min.js"></script>
         <script src="js/script.js"></script>
		 <a target="_blank" href="http://criarsites.me" class="direitos">Tema criarsites</a>
		 <small class="copy">Copyright© 2014 Pastor Pedro Araújo</small>
		 <a href="#" class="up"><img src="img/up.png"/></a>
	  </footer>
      </div>
</body>
</html>